为了账号安全,请及时绑定邮箱和手机立即绑定

用JavaScript实现图片缓慢缩放效果

难度初级
时长30分
学习人数
综合评分9.67
88人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.6 逻辑清晰
简介:在网页制作当中,我们经常会对图片做一些处理,比如图片的放大和缩小。本课程讲解如何使用JavaScript技术实现图片缩放效果,其中将用到setInterval()和clearInterval()两个重要函数。课程中对实现效果进行了展示,并详尽分析其实现原理。

第1章 图片缩放效果展示及原理分析

JavaScript实现图片缩放效果的原理分析,并对实现该效果所应用到的setInterval()和clearInterval()两个函数进行简单介绍。

第2章 利用HTML+CSS实现效果的页面布局

案例的布局非常简单,只需一个图片和两个按钮,利用HTML+CSS轻松实现。

第4章 总结

对案例实现过程中script代码的位置及高度值设置等疑问进行解析。
课程须知
1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识,尤其对鼠标点击事件等知识精通
老师告诉你能学到什么?
1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!